<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>

	<style>
			
			 *{margin:0;padding:0;}

		     ul{
		     	 width: 800px;
		     	 height: 50px;
		     	 background: pink;
		     	 list-style: none;
		     	 line-height: 50px;
		     	 margin:30px auto;
		     }
		    ul li{
		    	 float: left;
		    }

		     li a{
		     	 padding:0 10px;
		     	 text-decoration: none;
		     	 font-family: "微软雅黑";
		     	 height: 50px;
		     	 display: inline-block;
		     }

		     li a:hover{
		     	 background-color: #eee;
		     }

	</style>
</head>
<body>
	

	    <ul>
	    	<li>
	    		<a href="#">百度</a>
	    		
	    	</li>

	    	<li>
	    		<a href="#">百度一下</a>
	    		
	    	</li>
	    	<li>
	    		<a href="#">12威武</a>
	    		
	    	</li>
	    </ul>
</body>
</html>